// .body{
//   padding-bottom: 250rpx;
//   overflow-x: hidden;
// }
.header-image {
  .position(absolute, 0, 0, 0, 0);
  .kuangao(@percent, 556rpx);
}
.default-image{
	border-radius: 50%;  
	margin-top: 20rpx;   
}
.header {
  position: relative;

  .switchType{
    display: flex;
    align-items: center;
    // color: #606266;
    font-size: 26rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
    .lineheight(110rpx);
    image{
      width: 26rpx;
      height: 26rpx;
      margin-right: 15rpx;
    }
  }
  .login {
    .position(relative, 0, auto, auto, 0);
    .paddings(18rpx, 24rpx, 0, 24rpx);
    // .kuan(@percent);
    .login-default {
      .kuan();
      // .gao(153rpx);
      .grids(140rpx; auto);

      .header {
        .kuan();
        .gao();

        .header-image {
          .kuangao(120rpx; 120rpx);
		      border-radius: 50%;
          // .kuangao(100rpx; 100rpx);  
        }

        .header-image1 {
          margin-top: 10rpx;
          //.borders(2rpx, #FFFFFF);
          //box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
          .kuangao(100rpx; 100rpx);
          border-radius: 50%;
        }
        .header-image2{
          margin-top: 10rpx;
          .kuangao(100rpx; 100rpx);
          border-radius: 50%;
          transform: scale(1.3);
        }
      }

      .header-div {
        .kuan();
        .gao();
        // .cursor;
        // opacity: 1;

        .header-login {
          .fontsize(34rpx);
          font-weight: bold;
		  font-family: PingFang SC;
		  color: #FFFFFF;
		  
		  
          .paddings(22rpx, 0, 0, 0);
          // color: @text-color1  !important;
        }

        .header-text {
          .fontsize(24rpx);
          .lineheight(47rpx);
		  font-family: PingFang SC;
		  font-weight: 400;
		  color: #FFFFFF;
          // color: @text-color3  !important;
        }

      }
    }

    .car {
      // .grids(50%; 50%);
      display: flex;
      flex-wrap: wrap;
      justify-content:space-between;
      .kuan(@percent);
      margin: 20rpx 0 0;

      .car_order {
        width: 48%;
        .borderradius(16rpx, 16rpx, 16rpx, 16rpx);
        .borders(2rpx, @white-color);
        // .margins(32rpx, 0rpx, 32rpx, 0rpx);
        .paddings(30rpx, 44rpx, 28rpx, 44rpx);
        background: #fff;
        box-shadow: 2rpx 3rpx 14rpx 0px rgba(166,171,179,0.14);
        margin-bottom: 20rpx;
		box-sizing: border-box;

        &:nth-child(1) {
          // .margins(32rpx, 8rpx, 32rpx, 0rpx);
          .grids(40%; 60%);
        }

        &:last-child {
          // .margins(32rpx, 0rpx, 32rpx, 8rpx);
          .grids(40%; 50%; 10%);
          // margin-top: 20rpx;

          .imagse-left {
            .kuangao(78rpx; 78rpx) !important;
          }

          .imagse-right {
            .kuangao(39rpx; 39rpx) !important;
            .paddings(30rpx, 0rpx, 0rpx, 20rpx);
          }

          .add-car-icon {
            padding: 0;
            flex-shrink: 0
          }
          .cursor;
        }

        .order-in {
          image {
            .kuangao(70rpx; 75rpx);
          }

          .order-dan {
            color: @text-color1;
            .fontsize(28rpx);
            .lineheight(50rpx);
            .cursor;
          }

          .header-details {
            color: @blue;
            .fontsize(24rpx);
            .cursor;
          }
        }

        .order-in-icon {
          display: flex;
          align-items: center;
        }
      }
      // #V2G功能
      .car_order_v2g {
        .grids(40%; 60%);
      }
    }

    .car_self {
      // #V2G功能
      .car_order:nth-child(1),.car_order_v2g {
        .order-in {
          .header-details {
            .grids(60%; 20%; 20%);

            p {
              color: @orange  !important;
            }

            .turn {
              .kuangao(11rpx; 18rpx);
              .margins(10rpx, 0rpx, 0rpx, 0rpx);
            }

            .order-number {
              .kuangao(28rpx; 28rpx);
              .borderradius(14rpx; 14rpx; 14rpx; 14rpx);
              .fontsize(18rpx);
              .lineheight(26rpx);
              .margins(5rpx, 0rpx, 0rpx, 0rpx);
              background: @orange;
              color: @white-color ;
              text-align: center;
            }


          }
        }
      }

      .car_order:last-child {
        .header-details {
          color: @blue;
        }
      }
    }

    .login-self {
      .grids(140rpx; 50%; 30%);
      .header {
        .kuan();
        .gao();

        .header-image {
          .kuangao(140rpx; 140rpx);
        }

        .header-image1 {
          margin-top: 10rpx;
          .borders(2rpx, #FFFFFF);
          box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
          .kuangao(100rpx; 100rpx);
          border-radius: 50%;
        }
      }
      .header-div {
        .header-login {
          .paddings(35rpx, 0, 0, 0);
        }
      }

      view {
        .goout {
          .kuangao(140rpx, 50rpx);
          .borders(1rpx, @text-color3);
          .borderradius(24rpx, 24rpx, 24rpx, 24rpx);
          .fontsize(24rpx);
          .lineheight(46rpx);
          .margins(35rpx, 0, 0, 0);
          .cursor;
          color: @text-color3;
          text-align: center;
        }
      }
    }

    .login-car {
      .grids(20%; 55%; 25%);
      .paddings(0rpx; 0rpx; 10rpx; 0rpx);

      .header-div {
        .header-login {
          .paddings(10rpx; 0rpx; 0rpx; 0rpx);
        }

        .header-text {
          overflow: hidden;

          image {
            .kuangao(104rpx, 40rpx);
            .margins(17rpx; 0; 0; 0);
            float: left;
          }

          text {
            .fontsize(24rpx);
            // color: @text-color3;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
            .margins(9rpx; 18rpx; 8rpx; 0rpx);
            .lineheight(52rpx);
            .yiman(1)
          }
        }

      }

    }

    .account {
      .borderradius(20rpx; 20rpx; 20rpx; 20rpx);
      .textalign;
      .paddings(15prx; 12rpx; 24rpx; 27rpx);
      .margins(13rpx; 0; 0; 0);
      .gao(188rpx);
      .borders(2px, @white-color);
      background: #fff;
      box-shadow: 2rpx 3rpx 14rpx 0px rgba(166,171,179,0.14);
      .grids(33.3%; 33.3%; 33.3%);
      .account-in {
        .paddings(40rpx; 0; 0; 0);
        .account-number {     
          .fontsize(40rpx);
		  font-family: DINAlternate;
		  font-weight: bold;
		  color: #606266;
        }
    
        p {
          .fontsize(26rpx);
          .margins(15rpx, 0, 0, 0);
          color: @text-color3;
        }
      }
    }

    .grade {
      position: relative;
      .gao(136rpx);
      .grade-bg {
        .kuangao(@percent, 136rpx);
      }

      .grades {
        .grids(20%; 80%);
        .position(absolute, 0, 0, 0, 0);

        .grade-in {
          image {
            .kuangao(108rpx; 86rpx);
            .margins(25rpx; 0; 0rpx; 23rpx);
          }

          .grade-test {
            .example-body {
              .kuangao(@percent, 30rpx);
              .grids(80%; 20%);
              .margins(24rpx; 14rpx; 10rpx; 14rpx);
              .fontsize(25rpx);
              color: @Soilgold;

              view {
                .gao(24rpx);
                .lineheight(24rpx);
              }
            }
          }

          .progress {
            .progress-box {
              .kuan(90%);

              p {
                .fontsize(22rpx);
                color: @text-color3;
                .margins(10rpx; 0rpx; 0rpx; 0rpx);

                text {
                  color: @orange  !important;
                  .paddings(0prx; 10rpx; 0rpx; 10rpx);
                  .fontsize(24rpx);
                }
              }
            }
          }

        }
      }
    }

    .account-self {
      .textalign;
      .paddings(15prx; 12rpx; 40rpx; 27rpx);
      .borders(2px, @white-color);
      background: #fff;
      box-shadow: 2rpx 3rpx 14rpx 0px rgba(166,171,179,0.14);
      .borderradius(0rpx; 0rpx; 20rpx; 20rpx);
      .margins(0rpx; 0; 0rpx; 0);
      background: #fff;
      .account-center{
        width: 100%;
        .grids(33.3%; 33.3%; 33.3%) !important;
        .account-in {
          .paddings(40rpx; 0; 45rpx; 0);
          box-sizing: border-box;
          .account-number {
            // color: @text-color1;
            .fontsize(40rpx);
			font-family: DIN;
			font-weight: bold;
			color: #303133;
          }
          p {
            .fontsize(26rpx);
            .margins(15rpx, 0, 0, 0);
            color: @text-color3;
          }
          .recharge {
            .kuangao(120rpx, 48rpx);
            .borders(1rpx, @blue);
            .borderradius(24rpx; 24rpx; 24rpx; 24rpx);
            .margins(15rpx, auto, 0, auto);
            .fontsize(24rpx);
            .textalign;
            .lineheight(44rpx);
            .cursor;
            color: @blue;
          }

          .past {
            .fontsize(26rpx);
            .paddings(28rpx; 0; 0rpx; 0);
            color: @orange;
            text-align: center;
          }
        }
      }

    }

    .account-car {
      .borderradius(20rpx; 20rpx; 20rpx; 20rpx);
      .textalign;
      .paddings(15prx; 12rpx; 24rpx; 27rpx);
      .margins(13rpx; 0; 0; 0);
      // .gao(188rpx);
      .borders(2px, @white-color);
      background: #fff;
      box-shadow: 2rpx 3rpx 14rpx 0px rgba(166,171,179,0.14);
      // .header-div {
      // 	.paddings(10rpx, 0rpx, 0rpx, 0rpx);
      // }
      .account-center{
        .kuan(100%);
        .grids(50%; 50%;) !important;
        .account-in {
          .paddings(40rpx; 0; 45rpx; 0);
          box-sizing: border-box;
          .account-number {
            // color: @text-color1;
            .fontsize(40rpx);
			font-family: DIN;
			font-weight: bold;
			color: #303133;
          }
          p {
            .fontsize(26rpx);
            .margins(15rpx, 0, 0, 0);
            color: @text-color3;
          }
          .recharge {
            .kuangao(120rpx, 48rpx);
            .borders(1rpx, @blue);
            .borderradius(24rpx; 24rpx; 24rpx; 24rpx);
            .margins(15rpx, auto, 0, auto);
            .fontsize(24rpx);
            .textalign;
            .lineheight(44rpx);
            .cursor;
            color: @blue;
          }

          .past {
            .fontsize(26rpx);
            .paddings(28rpx; 0; 0rpx; 0);
            color: @orange;
            text-align: center;
          }
          .account-orange {
            color: @orange;
          }
        }
      }


    }

  }

  .active {
    .kuangao(94%, 210rpx);
    .margins(0rpx; auto; 32rpx; auto);

    .activ-in {
      .gao(210rpx);

      .swiperitem {
        .gao(210rpx);
        .kuan(@percent);
        .borderradius(16rpx, 16rpx, 16rpx, 16rpx);
      }
    }

  }

  .activityMargins {
    // margin-top: 200rpx !important;
    margin-bottom: 30rpx !important;
  }

  .icons {
    .kuan(auto);
    .margins(0rpx; 24rpx; 0rpx; 24rpx);
    .borders(2rpx, @white-color);
    .borderradius(16px, 16px, 16px, 16px);
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 2rpx 3rpx 14rpx 0px rgba(166,171,179,0.14);

    // background: @white-color;
    .icons-in {
      .paddings(40rpx,32rpx,37rpx,32rpx);

      p {
        .fontsize(26rpx);
        display: block;
        text-align: center;
        color:#606266;
        margin-top: 22rpx;
      }

      .icons-img {
        .kuangao(104rpx, 103rpx);
        .margins(0; auto; 0; auto);
        display: block;
      }

    }
  }

  .list {
    .kuan(auto);
    .margins(32rpx; 24rpx; 72rpx; 24rpx);
    .paddings(20rpx, 32rpx, 20rpx, 32rpx);
    .borders(2rpx, @white-color);
    .borderradius(16px, 16px, 16px, 16px);
    background: #fff;
    box-shadow: 2rpx 3rpx 14rpx 0px rgba(166,171,179,0.14);

    .list-in {
      .grids(10%; 80%; 10%);
      .lineheight(82rpx);
      border-bottom: 1rpx solid #DCDFE6;
      .cursor;

      view {
        .fontsize(30rpx);

        .urlleft {
          .kuangao(28rpx, 32rpx);
          display: block;
          .margins(22rpx; 0; 0; 0);
        }

        .urlright {
          .kuangao(13rpx, 22rpx);
          display: block;
          .margins(22rpx; 0; 0; 0);
        }

      }

      &:last-child {
        border-bottom: none;
        .paddings(0rpx, 0, 0, 0);
      }

    }

  }
}

.coupons2 {
  width: 580rpx;
  height: 620rpx;
  border-radius: 16rpx;
  overflow: hidden;

  .coupons2-swiper {
    width: 100%;
    height: 100%;

    .coupons2-swiper-item {
      .swiperitem {
        width: 100%;
        height: 100%;
      }
    }
  }

  .coupons2-delete {
    position: absolute;
    top: 0rpx;
    right: 0;
  }
}
.growthCenter {
  position: relative;
  .tips {
    position: absolute;
    top: 20rpx;
    left: 80rpx;
    z-index: 2;
    width: 98rpx;
    height: 40rpx;
    text-align: center;
    font-size: 22rpx;
    color:#fff;
    line-height: 40rpx;
    background: #fc724c;
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(252, 210, 198, 0.9);
    border-radius: 24rpx 24rpx 24rpx 0rpx;
  }
}
.serverAndSetting {
  width: 94%;
  margin: 16rpx auto;
  box-shadow: 2rpx 3rpx 14rpx 0rpx rgba(166, 171, 178, 0.1412);
  border-radius: 10rpx;
  background-color: #fff;
  > view:nth-of-type(1) {
    border-bottom: 1rpx solid #eee;
  }
  > view {
    width: 92%;
    height: 110rpx;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    > view {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
    }
    .title {
      height: 30rpx;
      font-size: 28rpx;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 400;
      color: #606266;
      line-height: 30rpx;
      margin-left: 20rpx;
    }
    .tuiguang{
      margin-left: 285rpx;
      >text{
        color: #f7ad54;
        font-size: 30rpx;
      }
    }
  }
}

.isVip {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 2rpx 3rpx 14rpx 0rpx rgba(166, 171, 178, 0.1412);
    border-radius: 10rpx 10rpx 10rpx 10rpx;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    .lvList {
        width: 100%;
        height: 150rpx;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;

        >view {
            width: 50%;
            height: 150rpx;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
		.u-icon-right{
			position: absolute;
			font-size: 40rpx;
			top: 115rpx;
			right: 0px;
		}
		
    }

    .lvBottom {
        width: 100%;
        height: 112rpx;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 32rpx;
        box-sizing: border-box;

        >view:nth-of-type(1) {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;

            >view:nth-of-type(1) {
                font-size: 26rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 400;
                color: #606266;
            }

            >view:nth-of-type(2) {
                font-size: 32rpx;
                font-family: PingFang SC-Bold, PingFang SC;
                font-weight: 400;
                color: #606266;
            }
        }

        >view:nth-of-type(2) {
            width: 183rpx;
            height: 64rpx;
            background: linear-gradient(328deg, #2E3033 0%, #515458 100%);
            border-radius: 40rpx 40rpx 40rpx 40rpx;
            text-align: center;
            line-height: 64rpx;
            font-size: 30rpx;
            font-weight: 400;
            color: #FFFFFF;
        }
    }
}
.swiperBox {
    width: 100%;
    height: 178rpx;

    .swipersItem {
        width: 100%;
        height: 178rpx;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-self: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        padding: 40rpx;
        box-sizing: border-box;

        .jiesheng {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;

            >view:nth-of-type(1) {
                font-size: 32rpx;
                font-family: PingFang SC-Bold, PingFang SC;
                font-weight: 400;
                color: #805110;
            }

            >view:nth-of-type(2) {
                margin-top: 17rpx;
                font-size: 26rpx;
                font-family: PingFang SC-Bold, PingFang SC;
                font-weight: 400;
                color: #896029;
            }
        }

        .lisheng {
            height: 88rpx;
			white-space: nowrap;
			padding: 0 20rpx;
            background: linear-gradient(180deg, #FFFFFF 0%, #F5E3C9 100%);
            box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(206, 162, 95, 0.5);
            border-radius: 44rpx;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            font-size: 30rpx;
            font-family: PingFang SC-Bold, PingFang SC;
            font-weight: 400;
            color: #FC724C;
            .tehui {
                height: 40rpx;
								padding:0 24rpx;
                background: #FC724C;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(206, 162, 95, 0.5);
                border-radius: 24rpx 24rpx 24rpx 0rpx;
                position: absolute;
                top: -20rpx;
                right: -40rpx;
                font-size: 22rpx;
                font-family: PingFang SC-Medium, PingFang SC;
                font-weight: 400;
                color: #FFFFFF;
            }
        }
    }
}